<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/scss.css" />
	</head>

	<body>
		<div id="max">

			<!--顶部-->
			<header>
				<div class="min">
					<ul class="header_ul_left">
						<li class="glyphicon glyphicon-home">
							<a href="shouye.html" class="aa">谷粒商城首页</a>
						</li>
						<li class="glyphicon glyphicon-map-marker">
							<a href="javascript:;">北京</a>
							<ol id="beijing">
								<li style="background: red;">
									<a href="javascript:;" style="color: white;">北京</a>
								</li>
								<li>
									<a href="javascript:;">上海</a>
								</li>
								<li>
									<a href="javascript:;">天津</a>
								</li>
								<li>
									<a href="javascript:;">重庆</a>
								</li>
								<li>
									<a href="javascript:;">河北</a>
								</li>
								<li>
									<a href="javascript:;">山西</a>
								</li>
								<li>
									<a href="javascript:;">河南</a>
								</li>
								<li>
									<a href="javascript:;">辽宁</a>
								</li>
								<li>
									<a href="javascript:;">吉林</a>
								</li>
								<li>
									<a href="javascript:;">黑龙江</a>
								</li>
								<li>
									<a href="javascript:;">内蒙古</a>
								</li>
								<li>
									<a href="javascript:;">江苏</a>
								</li>
								<li>
									<a href="javascript:;">山东</a>
								</li>
								<li>
									<a href="javascript:;">安徽</a>
								</li>
								<li>
									<a href="javascript:;">浙江</a>
								</li>
								<li>
									<a href="javascript:;">福建</a>
								</li>
								<li>
									<a href="javascript:;">湖北</a>
								</li>
								<li>
									<a href="javascript:;">湖南</a>
								</li>
								<li>
									<a href="javascript:;">广东</a>
								</li>
								<li>
									<a href="javascript:;">广西</a>
								</li>
								<li>
									<a href="javascript:;">江西</a>
								</li>
								<li>
									<a href="javascript:;">四川</a>
								</li>
								<li>
									<a href="javascript:;">海南</a>
								</li>
								<li>
									<a href="javascript:;">贵州</a>
								</li>
								<li>
									<a href="javascript:;">云南</a>
								</li>
								<li>
									<a href="javascript:;">西藏</a>
								</li>
								<li>
									<a href="javascript:;">陕西</a>
								</li>
								<li>
									<a href="javascript:;">甘肃</a>
								</li>
								<li>
									<a href="javascript:;">青海</a>
								</li>
								<li>
									<a href="javascript:;">宁夏</a>
								</li>
								<li>
									<a href="javascript:;">新疆</a>
								</li>
								<li>
									<a href="javascript:;">港澳</a>
								</li>
								<li>
									<a href="javascript:;">台湾</a>
								</li>
								<li>
									<a href="javascript:;">钓鱼岛</a>
								</li>
								<li>
									<a href="javascript:;">海外</a>
								</li>
							</ol>
						</li>
					</ul>
					<ul class="header_ul_right">
						<li style="border: 0;">
							<a href="denglu.html" class="aa">你好，请登录</a>
						</li>
						<li>
							<a href="javascript:;" style="color: red;">免费注册</a> |</li>
						<li>
							<a href="javascript:;" class="aa">我的订单</a> |</li>
						<li class="jingdong" style="width:95px;">
							<a href="javascript:;">我的谷粒商城</a><span class="glyphicon glyphicon-menu-down">|</span>
							<ol class="jingdong_ol">
								<li>
									<a href="javascript:;">待处理订单</a>
								</li>
								<li>
									<a href="javascript:;">消息</a>
								</li>
								<li>
									<a href="javascript:;">返修退换货</a>
								</li>
								<li>
									<a href="javascript:;">我的回答</a>
								</li>
								<li>
									<a href="javascript:;">降价商品</a>
								</li>
								<li>
									<a href="javascript:;">我的关注</a>
								</li>
								<li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li>
								<li style="margin-top: 0;">
									<a href="javascript:;">我的京豆</a>
								</li>
								<li style="margin-top: 0;">
									<a href="javascript:;">我的优惠券</a>
								</li>
								<li style="margin-bottom: 10px;">
									<a href="javascript:;">我的白条</a>
								</li>
								<li style="margin-bottom: 10px;">
									<a href="javascript:;">我的理财</a>
								</li>
								<p><span>我的足迹</span><span class="span1">更多 > </span></p>
								<div>
									<img src="img/59dd8156N3d39c5d5.jpg" />
									<img src="img/59ce706fN6f3f2a4a.jpg" />
									<img src="img/599079abNa63762a2.jpg" />
									<img src="img/59bfbe3cN63e4979b.jpg" />
								</div>
							</ol>
						</li>
						<li style="width:80px;">
							<a href="javascript:;" class="aa">谷粒商城会员</a> |</li>
						<li>
							<a href="javascript:;" class="aa">企业采购</a> |</li>
						<li class="fuwu">
							<a href="javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> |
							<ol class="fuwu_ol">
								<h6>客户</h6>
								<li>
									<a href="javascript:;">帮助中心</a>
								</li>
								<li>
									<a href="javascript:;">售后服务</a>
								</li>
								<li>
									<a href="javascript:;">在线客服</a>
								</li>
								<li>
									<a href="javascript:;">意见建议</a>
								</li>
								<li>
									<a href="javascript:;">电话客服</a>
								</li>
								<li>
									<a href="javascript:;">客服邮箱</a>
								</li>
								<li style="margin-bottom: -5px;">
									<a href="javascript:;">金融咨询</a>
								</li>
								<li style="margin-bottom: -5px;">
									<a href="javascript:;">售全球客服</a>
								</li>
								<h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6>
								<li style="margin-top: -5px;">
									<a href="javascript:;">合作招商</a>
								</li>
								<li style="margin-top: -5px;">
									<a href="javascript:;">学习中心</a>
								</li>
								<li>
									<a href="javascript:;">商家后台</a>
								</li>
								<li>
									<a href="javascript:;">京麦工作台</a>
								</li>
								<li>
									<a href="javascript:;">商家帮助</a>
								</li>
								<li>
									<a href="javascript:;">规则平台</a>
								</li>
							</ol>
						</li>
						<li class="daohang">
							<a href="javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> |
							<ol class="daohang_ol">
								<li style="width: 34%;">
									<h5>特色主题</h5>
									<p>
										<a href="javascript:;">谷粒商城试用</a>
										<a href="javascript:;">谷粒商城金融</a>
										<a href="javascript:;">全球售</a>
										<a href="javascript:;">国际站</a>
									</p>
									<p>
										<a href="javascript:;">谷粒商城会员</a>
										<a href="javascript:;">谷粒商城预售</a>
										<a href="javascript:;">买什么</a>
										<a href="javascript:;">俄语站</a>
									</p>
									<p>
										<a href="javascript:;">装机大师</a>
										<a href="javascript:;">0元评测</a>
										<a href="javascript:;">定期送</a>
										<a href="javascript:;">港澳售</a>
									</p>
									<p>
										<a href="javascript:;">优惠券</a>
										<a href="javascript:;">秒杀</a>
										<a href="javascript:;">闪购</a>
										<a href="javascript:;">印尼站</a>
									</p>
									<p>
										<a href="javascript:;">谷粒商城金融科技</a>
										<a href="javascript:;">In货推荐</a>
										<a href="javascript:;">陪伴计划</a>
										<a href="javascript:;">出海招商</a>
									</p>
								</li>
								<li>
									<h5>行业频道</h5>
									<p>
										<a href="javascript:;" class="aa_2">手机</a>
										<a href="javascript:;" class="aa_2">智能数码</a>
										<a href="javascript:;" class="aa_2">玩3C</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">电脑办公</a>
										<a href="javascript:;" class="aa_2">家用电器</a>
										<a href="javascript:;" class="aa_2">谷粒商城智能</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">服装城</a>
										<a href="javascript:;" class="aa_2">美妆馆</a>
										<a href="javascript:;" class="aa_2">家装城</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">母婴</a>
										<a href="javascript:;" class="aa_2">食品</a>
										<a href="javascript:;" class="aa_2">运动户外</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">农资频道</a>
										<a href="javascript:;" class="aa_2">整车</a>
										<a href="javascript:;" class="aa_2">图书</a>
									</p>
								</li>
								<li>
									<h5>生活服务</h5>
									<p>
										<a href="javascript:;" class="aa_2">谷粒商城众筹</a>
										<a href="javascript:;" class="aa_2">白条</a>
										<a href="javascript:;" class="aa_2">谷粒商城金融APP</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">谷粒商城小金库</a>
										<a href="javascript:;" class="aa_2">理财</a>
										<a href="javascript:;" class="aa_2">智能家电</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">话费</a>
										<a href="javascript:;" class="aa_2">水电煤</a>
										<a href="javascript:;" class="aa_2">彩票</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">旅行</a>
										<a href="javascript:;" class="aa_2">机票酒店</a>
										<a href="javascript:;" class="aa_2">电影票</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">谷粒商城到家</a>
										<a href="javascript:;" class="aa_2">谷粒商城众测</a>
										<a href="javascript:;" class="aa_2">游戏</a>
									</p>
								</li>
								<li style="border: 0;">
									<h5>更多精选</h5>
									<p>
										<a href="javascript:;" class="aa_2">合作招商</a>
										<a href="javascript:;" class="aa_2">谷粒商城通信</a>
										<a href="javascript:;" class="aa_2">谷粒商城E卡</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">企业采购</a>
										<a href="javascript:;" class="aa_2">服务市场</a>
										<a href="javascript:;" class="aa_2">办公生活馆</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">乡村招募</a>
										<a href="javascript:;" class="aa_2">校园加盟</a>
										<a href="javascript:;" class="aa_2">京友邦</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">谷粒商城社区</a>
										<a href="javascript:;" class="aa_2">智能社区</a>
										<a href="javascript:;" class="aa_2">游戏社区</a>
									</p>
									<p>
										<a href="javascript:;" class="aa_2">知识产权维权</a>
										<a href="javascript:;" class="aa_2"></a>
										<a href="javascript:;" class="aa_2"></a>
									</p>
								</li>
							</ol>
						</li>
						<li class="sjjd" style="border: 0;">
							<a href="javascript:;" class="aa">手机谷粒商城</a>
							<div class="er">
								<div class="er_1">
									<img src="img/59a51bf6Nb8e478cc.png" />
									<div class="er_1_1">
										<h6><a href="#">手机谷粒商城</a></h6>
										<p>新人专享大礼包</p>
										<div>
											<a href="#"><img src="img/11.png" /></a>
											<a href="#"><img src="img/22.png" /></a>
											<a href="#"><img src="img/33.png" /></a>
										</div>
									</div>
								</div>
								<div class="er_1">
									<img src="img/5874a54dNcec29924.jpg" />
									<div class="er_1_1">
										<h6><a href="#">关注谷粒商城微信</a></h6>
										<p>微信扫一扫关注新粉最高180元惊喜礼包</p>
									</div>
								</div>
								<div class="er_1" style="border: 0;">
									<img src="img/5874a555Ne8192324.jpg" />
									<div class="er_1_1">
										<h6><a href="#">谷粒商城金融客户端</a></h6>
										<p>新人专享大礼包</p>
										<div>
											<a href="#"><img src="img/11.png" /></a>
											<a href="#"><img src="img/22.png" /></a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</header>
			<!--导航-->
			<nav>
				<div class="nav_min">
					<div class="nav_top">
						<div class="nav_top_one">
							<a href="javascript:;"><img src="img/logo1.jpg" /></a>
						</div>
						<div class="nav_top_two"><input type="text" /><button>搜索</button></div>
						<div class="nav_top_three">
							<a href="../JD_Shop/One_JDshop.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span>
							<div class="nav_top_three_1">
								<img src="img/44.png" />购物车还没有商品，赶紧选购吧！
							</div>
						</div>
					</div>
				</div>
			</nav>
			<!--等待付款内容-->
			<div class="content">
				<div class="emph-tips">
					<div class="emph-tipss">
						<b></b>安全提醒：为了您的财产安全，<strong>不要点击陌生链接、不要向陌生人转账</strong>或透漏银行卡和验证码信息，<strong>谨防诈骗</strong>！
					</div>
				</div>
				<div class="content_myjd">
					<div class="breadcrumb">
						<a href="//home.jd.com/">我的谷粒商城</a><span>&nbsp;&gt;&nbsp;<a href="//order.jd.com/center/list.action">订单中心</a>&nbsp;&gt;&nbsp;<strong>订单：70716422916</strong></span></div>
				</div>
				<div class="order-state01">
					<div class="state-cont">
						<!-- 工具条 -->
						<div class="state-lcol">
							<div class="state-top">订单号：70716422916</div>
							<h3 class="state-txt">等待付款</h3>

							<span class="remain-time" style=""><b class="b1"></b>剩余4时51分</span>
							<div class="state-btns">
								<a class="btn-1">付款</a>
								<a class="btn-2">找人代付</a>
							</div>
							<div class="state-bottom">
								<span class="span1"><b class="b1"></b>打印订单</span>
								<span class="span2"><b class="b2"></b>取消订单</span>
							</div>

						</div>

						<!-- 进度条 -->
						<div class="state-rcol">
							<div class="state-rtop">
								<!--提示信息 -->
								<div class="ftx-03">
									该订单会为您保留6.0小时（从下单之日算起），6.0小时之后如果还未付款，系统将自动取消该订单。
								</div>
							</div>
							<!--进度条 -->

							<div id="process-04" class="order-process order-strike-process">
								<div class="lioucheng">
									<ul>
										<li>等待付款</li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
								<div class="lioucheng_1">
									<ul>
										<li class="a1"></li>
										<li class="b1"><img src="image/hongde.png" /></li>
										<li class="a2"></li>
										<li class="b2"><img src="image/huide.png" /></li>
										<li class="a3"></li>
										<li class="b2"><img src="image/huide.png" /></li>
										<li class="a4"></li>
										<li class="b2"><img src="image/huide.png" /></li>
										<li class="a5"></li>
									</ul>
								</div>
								<div class="lioucheng_2">
									<ul>
										<li>
											<p>提交订单</p>
											<p id='time'></p>
										</li>
										<li>
											<p class="color_p">付款成功</p>
											<p></p>
										</li>
										<li>
											<p class="color_p">商品出库</p>
											<p></p>
										</li>
										<li>
											<p class="color_p">等待收货</p>
											<p></p>
										</li>
										<li class="wancheng">
											<p class="color_p">完成</p>
											<p></p>
										</li>

									</ul>
								</div>
							</div>

							<div class="state-others">
								<span class="txt">完成订单可能获得：</span>
								<a href="#none" class="btn-bean mr10" clstag="click|keycount|orderinfo|xqjingdou"><b class="b1"></b>京豆</a>
								<a href="#none" class="btn-coupon mr10" clstag="click|keycount|orderinfo|xqyouhuiquan"><b class="b2"></b>优惠券</a>
							</div>

						</div>
						<div class="xian">

						</div>
					</div>
					<div class="mb"></div>
				</div>
				<!--配货方式-->
				<div class="sta_pei">
					<div class="sta_left">
						<div class="sta_1">
							<img src="image/5886ffa5Na5e39e2d.jpg" />
							<span>
                                送货方式：普通快递
							</span>
						</div>
					</div>
					<div class="sta_rifht">
						<ul>
							<li class="afterdate first"><i class="node-icon"></i><span class="date">2017-12-26<span class="week">/周二</span></span><span class="time">09:39:49</span><strong class="txt">您提交了订单，请等待系统确认</strong></li>
						</ul>
					</div>
				</div>
				<!--配送信息-->
				<div class="sta_xinxi">
					<ul>
						<li>
							<div class="dl">
								<div class="dt">
									<h4>收货人信息
            		           </h4>
								</div>
								<div class="dd">
									<div class="item">
										<span class="label">收货人：</span>
										<div class="info-rcol">
											张亚飞
										</div>
									</div>
									<div class="item">
										<span class="label">地址：</span>
										<div class="info-rcol">
											北京昌平区六环以内北京吉利大学学生公寓-马池口镇吉利大学
										</div>
									</div>
									<div class="item">
										<span class="label">手机号码：</span>
										<div class="info-rcol">
											147****4726
										</div>
									</div>

								</div>
							</div>
						</li>
						<li>
							<div class="dl">
								<div class="dt">
									<h4>配送信息</h4>
								</div>
								<div class="dd">

									<div class="item">
										<span class="label">
                    配送方式：
                </span>
										<div class="info-rcol">
											普通快递
										</div>
									</div>

									<div class="item">
										<span class="label">
                        运费：
                    </span>
										<div class="info-rcol">
											<span class="f-price">
                       	 	¥12.00
                       	 </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
                                        送货日期：
                                    </span>
										<div class="info-rcol">
											2018-01-01
										</div>
									</div>
									<div class="item">
										<span class="label">
                                        配送时间：
                                    </span>
										<div class="info-rcol">
											18:00-20:00<span class="delivery-type">京准达</span> </div>
									</div>

								</div>
							</div>
						</li>
						<li>
							<div class="dl" id="pay-info-nozero">
								<div class="dt">
									<h4>付款信息</h4>
								</div>
								<div class="dd">
									<div class="item">
										<span class="label">
						付款方式：
					</span>
										<div class="info-rcol">
											在线支付
										</div>
									</div>

									<div class="item">
										<span class="label">
    							商品总额：
    						</span>
										<div class="info-rcol">
											<span class="f-price">
                               	 ¥21.80
    							</span>
										</div>
									</div>

									<div class="item">
										<span class="label">
							应支付金额：
						</span>
										<div class="info-rcol">
											<span class="f-price">
                            	¥33.80
							</span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						运费金额：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                    ¥12.00
                    </span>
											<span class="help-tip"></span> </div>
									</div>

								</div>
								<!-- 续重运费	-->
								<div id="freshTips" style="display:none">
									<div class="prompt-box prompt-box-yf">
										<div class="pc">
											<div class="yf-item">
												<div class="yf-title">
													<span class="title">生鲜商品</span><span class="tips">(总重：1.600 kg)</span>
												</div>
												<div class="yf-box">
													<div class="item"><label>基础运费：</label><span>￥12.00</span></div>
													<div class="item"><label>续重运费：</label><span>￥0.00</span>
														<a href="//help.jd.com/user/issue/109-188.html" target="_blank"> 查看续重标准&gt;</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="more">
									<span class="txt">更多</span><b></b>
								</div>

								<!-- 更多费用	-->
								<div id="pay-info-allfee" style="display:none">

									<div class="item">
										<span class="label">
						优惠券：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						返现：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						礼品卡-领货码
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥<0 class="00"></0>
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						余额：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>
									<div class="item">
										<span class="label">
						税费：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						京豆：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						订单优惠：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

									<div class="item">
										<span class="label">
						退换无忧：
					</span>
										<div class="info-rcol">
											<span class="f-price">
                        ¥0.00
                    </span>
										</div>
									</div>

								</div>
							</div>
						</li>
						<li>
							<div id="J-invoice-info" class="dl">
								<div class="dt">
									<h4>发票信息</h4>
								</div>
								<div class="dd">

									<div class="item">
										<span class="label">
                               发票类型：
                            </span>
										<div class="info-rcol">
											电子普通发票
										</div>
									</div>
									<div class="item">
										<span class="label">
                            发票抬头：
                        </span>
										<div class="info-rcol">
											个人
										</div>
									</div>

									<div class="item">
										<span class="label">
                           发票内容：
                        </span>
										<div class="info-rcol">
											商品明细
										</div>
									</div>
									<div id="invoiceTips" style="display:none">
										<div class="prompt-box info-prompt-box">
											商品明细
										</div>
									</div>

									<div class="item J-e-invoice">
									</div>

								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--谷粒商城-->
				<div class="jdwenzi">谷粒商城<span></span></div>
				<!--商品信息-->
				<div class="shop_sta_xinin">
					<table>
						<tr>
							<th style="width: 500px;">商品</th>
							<th>商品编号</th>
							<th>谷粒商城价</th>
							<th>商品数量</th>
							<th>京豆</th>
							<th>操作</th>
						</tr>
						<tr>
							<td><img src="image/5886ffa5Na5e39e2d.jpg"/>
							<div style="display: inline-block;">
								<p><b></b><a href="//item.jd.com/1778772.html" class="a-link" target="_blank" title="伊利 风味发酵乳 原味酸奶100g*8（两件起售）">伊利 风味发酵乳 原味酸奶100g*8（两件起售）</a></p>
							<p class="txt">益消 原味八连杯100g*</p>
							</div>
							</td>
							<td>1778772</td>
							<td>¥10.90</td>
							<td>2</td>
							<td>0</td>
							<td></td>
						</tr>
					</table>
					<div class="ccccc">
						<div class="right">
							<div class="shuxing">
								<p>商品总额：</p>
								<p>返　　现：</p>
								<p>运　　费：</p>
								<p style="color: red;">应付总额：</p>
							</div>
							<div class="shuxingzhi">
								<p>¥21.80</p>
								<p>-¥0.00</p>
								<p><b class="b1"></b> ¥12.00</p>
								<p class="p1">¥33.80</p>
							</div>
						</div>
					</div>
				</div>
				<!--猜你喜欢-->
				<div class="cainixihuan">
					<div class="cainixihuan_1">
						<div class="l1" style="margin-left: 30px;">猜你喜欢</div>
						<div class="r1" style="margin-right: 30px;">
							<span class="span1" style="background: red;color: white;">1</span>
							<span class="span2">2</span>
							<span class="span3">3</span>
						</div>
					</div>
					<!-- 选项卡 -->
					<div class="xuanxiangka">
						<ul class="ul1">
							<li >
								<ul class="ul2" ">
									<li>
										<img src="image/5a0bf933N27e3b0be.jpg"/>
										<p class="p1">展卉 泰国进口龙眼 1kg 新鲜水果</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/57c3a568N2d970e3f.jpg"/>
										<p class="p1">xuenair 手机膜 适用于oppo r9高清膜 R9软膜保护膜普通膜 R9高清软膜</p>
										<p class="p2">￥9.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/57d288afNb3f03376.jpg"/>
										<p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p>
										<p class="p2">￥23.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/58ae8d6fNec021b75.jpg"/>
										<p class="p1">铭卡 3D曲面全覆盖膜全屏高清软膜全贴合不翘边手机保护贴膜无白边 适用于OPPO R9 全包软膜1盒3片装-OPPO R9Plus</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/57cd2cdfN536d176e.jpg"/>
										<p class="p1">金龙鱼 食用油 非转基因 压榨 一级 纯正玉米油4L</p>
										<p class="p2">￥59.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
								</ul>
								
							</li>
							<li style="display: none;">
								<ul class="ul2">
									<li>
										<img src="image/59cf0288N70c5550e.jpg"/>
										<p class="p1">维达(Vinda) 卷纸 蓝色经典3层140g卫生纸*27卷(整箱销售)</p>
										<p class="p2">￥21.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/59dad98dN844ade9a.jpg"/>
										<p class="p1">花王（Merries）纸尿裤 XL44片 加大号尿不湿（12-20kg）（日本原装进口）</p>
										<p class="p2">￥9.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/574d9d9aNe4e6fa7a.jpg"/>
										<p class="p1">小米（MI）小米手环2 智能运动 心率监测 来电提醒 久坐提醒 LED显示屏 时间显示 防水计步器 无感腕带</p>
										<p class="p2">￥23.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/55dfbd92Necddda85.jpg"/>
										<p class="p1">德芙Dove巧克力分享碗装 丝滑牛奶巧克力糖果巧克力休闲零食252g</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/582e96dfNb2297429.jpg"/>
										<p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒16粒200g</p>
										<p class="p2">￥59.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
								</ul>
								
							</li>
							<li style="display: none;">
								<ul class="ul2">
									<li>
										<img src="image/5703e5b3N55d82839.jpg"/>
										<p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒48粒600g</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/59229ca7N12620168.jpg"/>
										<p class="p1">花王 (Merries) 妙而舒 纸尿裤 大号 L54片 尿不湿（9-14千克） （日本官方直采）</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/59bf3c47N91d65c73.jpg"/>
										<p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p>
										<p class="p2">￥213.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/58ae8d6fNec021b75.jpg"/>
										<p class="p1">荣耀8 4GB+64GB 全网通4G手机 魅海蓝</p>
										<p class="p2">￥19.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
									<li>
										<img src="image/58be1d28Naaca124c.jpg"/>
										<p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒8粒心形装100g</p>
										<p class="p2">￥39.90</p>
										<p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p>
									</li>
								</ul>
							</li>						
						</ul>
					</div>
				</div>
				<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
				<script type="text/javascript">
					 $(".r1 span").mouseover(function(){
						
						 var index=$(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
						 console.log(index)
						 $(this).css('background','red').siblings().css('background','white')
						 $(this).css('color','white').siblings().css('color','black')
						 $(".xuanxiangka .ul1>li").eq(index).css('display','block').siblings().css('display','none'); 
						
					});
				</script>
			</div>
			<!--底部-->
			<footer>
				<div class="bg_top">
					<ol class="slogen">
						<li class="item fore1">
							<i>多</i>品类齐全，轻松购物
						</li>
						<li class="item fore2">
							<i>快</i>多仓直发，极速配送
						</li>
						<li class="item fore3">
							<i>好</i>正品行货，精致服务
						</li>
						<li class="item fore4">
							<i>省</i>天天低价，畅选无忧
						</li>
					</ol>
				</div>
				<div class="dj_help">
					<div class="dj_w">
						<div class="dj_wrap">
							<dl class="fore1">
								<dt>购物指南</dt>
								<dd>
									<a href="javascript:;">购物流程</a>
								</dd>
								<dd>
									<a href="javascript:;">会员介绍</a>
								</dd>
								<dd>
									<a href="javascript:;">生活旅行/团购</a>
								</dd>
								<dd>
									<a href="javascript:;">常见问题</a>
								</dd>
								<dd>
									<a href="javascript:;">大家电</a>
								</dd>
								<dd>
									<a href="javascript:;">联系客服</a>
								</dd>
							</dl>
							<dl class="fore2">
								<dt>配送方式</dt>
								<dd>
									<a href="javascript:;">上门自提</a>
								</dd>
								<dd>
									<a href="javascript:;">211限时达</a>
								</dd>
								<dd>
									<a href="javascript:;">配送服务查询</a>
								</dd>
								<dd>
									<a href="javascript:;">配送费收取标准</a>
								</dd>
								<dd>
									<a href="javascript:;">海外配送</a>
								</dd>
							</dl>
							<dl class="fore3">
								<dt>支付方式</dt>
								<dd>
									<a href="javascript:;">货到付款</a>
								</dd>
								<dd>
									<a href="javascript:;">在线支付</a>
								</dd>
								<dd>
									<a href="javascript:;">分期付款</a>
								</dd>
								<dd>
									<a href="javascript:;">邮局汇款</a>
								</dd>
								<dd>
									<a href="javascript:;">公司转账</a>
								</dd>
							</dl>
							<dl class="fore4">
								<dt>售后服务</dt>
								<dd>
									<a href="javascript:;">售后政策</a>
								</dd>
								<dd>
									<a href="javascript:;">价格保护</a>
								</dd>
								<dd>
									<a href="javascript:;">退款说明</a>
								</dd>
								<dd>
									<a href="javascript:;">返修/退换货</a>
								</dd>
								<dd>
									<a href="javascript:;">取消订单</a>
								</dd>
							</dl>
							<dl class="fore5">
								<dt>特色服务</dt>
								<dd>
									<a href="javascript:;">夺宝岛</a>
								</dd>
								<dd>
									<a href="javascript:;">DIY装机</a>
								</dd>
								<dd>
									<a href="javascript:;">延保服务</a>
								</dd>
								<dd>
									<a href="javascript:;">谷粒商城E卡</a>
								</dd>
								<dd>
									<a href="javascript:;">谷粒商城通信</a>
								</dd>
								<dd>
									<a href="javascript:;">谷粒商城JD+</a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
			</footer>
			<div class="bg_info_footer">
				<div class="bg_wrap">
					<div class="bg_links">
						<p>
							<a href="javascript:;" target="_blank">关于我们</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">联系我们</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">联系客服</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">合作招商</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">商家帮助</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">营销中心</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">手机谷粒商城</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">友情链接</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">销售联盟</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">谷粒商城社区</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">风险监测</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">隐私政策</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">谷粒商城公益</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">English Site</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">Contact Us</a>
						</p>
					</div>
					<div class="bg_info_sky">
						<p class="bg_info_p">
							<a href="javascript:;" target="_blank">京公网安备 11000002000088号</a><span class="copyright_split">|</span><span>京ICP证070359号</span><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="copyright_split">|</span><span>新出发京零&nbsp;字第大120007号</span>
						</p>
						<p class="bg_info_p">
							<span>互联网出版许可证编号新出网证(京)字150号</span><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">出版物经营许可证</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a><span class="copyright_split">|</span><span>违法和不良信息举报电话：4006561155</span>
						</p>
						<p class="bg_info_p">
							<span class="copyright_text">Copyright&nbsp;©&nbsp;2004&nbsp;-&nbsp;<em id="copyright_year">2017</em>&nbsp;&nbsp;谷粒商城gulimall.com&nbsp;版权所有</span><span class="copyright_split">|</span><span>消费者维权热线：4006067733</span>
							<a href="javascript:;" target="_blank" class="copyright_license">经营证照</a>
						</p>
						<p class="bg_info_p">
							<span>谷粒商城旗下网站：</span>
							<a href="javascript:;" target="_blank">谷粒商城钱包</a><span class="copyright_split">|</span>
							<a href="javascript:;" target="_blank">谷粒商城云</a>
						</p>
						<p class="bg_info_dy">
							<a class="copyright_auth_ico copyright_auth_ico_1" href="javascript:;" target="_blank">经营性网站备案中心</a>

							<a id="urlknet" class="copyright_auth_ico copyright_auth_ico_2" href="javascript:;" target="_blank">可信网站信用评估</a>
							<a class="copyright_auth_ico copyright_auth_ico_3" href="javascript:;" target="_blank">网络警察提醒你</a>
							<a class="copyright_auth_ico copyright_auth_ico_4" href="javascript:;" target="_blank">诚信网站</a>
							<a class="copyright_auth_ico copyright_auth_ico_5" href="javascrit:;" target="_blank">中国互联网举报中心</a>
							<a class="copyright_auth_ico copyright_auth_ico_6" href="javascript:;" target="_blank">网络举报APP下载</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="fix_ed">
			<ul class="uls">
				<li class="i1">
					<div class="xian_hied">
			<div class="service-cont problem-cont">
                        <div class="problem-top">
                            <h5>常见问题</h5>
                            <a href="#none" class="close">x</a>
                        </div>
                        <div class="problem-list">
                            <a href="//help.jd.com/user/issue/102-250.html">1、我的包裹几天可以收到？</a>
                            <a href="//help.jd.com/user/issue/103-983.html">2、我的地址都支持什么配送服务？</a>
                            <a href="//help.jd.com/user/issue/108-385.html">3、订单签收异常了怎么办？</a>
                            <a href="//help.jd.com/user/issue/75-244.html">4、下单后可以修改订单吗？</a>
                            <a href="//help.jd.com/user/issue/100-1014.html">5、自提点位置如何查询？</a>
                            <a href="//help.jd.com/user/index.html" class="more">更多问题&nbsp;&gt;</a>
                        </div>
                    </div>
				</li>
				<li class="i2">
					<div class="weweima">
						<p>微信扫描随时随地查订单</p>
						<img src="image/erweima.png"/>
					</div>
				</li>
				<li class="i3"></li>
				<li class="i4"></li>
			</ul>
		</div>
		
		</div>
		<script type="text/javascript">
			$('.uls .i1').hover(function(){
				$('.xian_hied').css('display','block')
			},function(){
				$('.xian_hied').css('display','none')
			})
			$('.uls .i2').hover(function(){
				$('.weweima').css('display','block')
			},function(){
				$('.weweima').css('display','none')
			})
			$('.uls .i4').click(function(){
				$('html,body').animate({//$('html,body')兼容问题body属于chrome
                scrollTop:0
            })
			})
			$('.close').click(function(){
				$('.xian_hied').toggle()
			})
		</script>
		<div class="erweima">
			
		</div>
	</body>
	<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="swiper/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>

</html>